<template>
	<view>
		<swiper :indicator-dots="true" circular :autoplay="true" :interval="3000" :duration="1000" class="swiper">
			<swiper-item v-for="(swiper,s) in swipers" :key="s">
				<view class="swiper-item">
					<img :src="swiper.src" alt="swiper" class="swiper-img" />
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	defineProps(['swipers'])
</script>

<style scoped>
	.swiper {
		width: 100%;
		height: 400rpx;
	}

	.swiper-img {
		width: 100%;
		height: 400rpx;
		display: block;
	}
</style>